<!DOCTYPE html>
<html>
<head>
    <script src="//code.jquery.com/jquery.min.js"></script>
    <link href="//cdn.amazeui.org/amazeui/2.1.0/css/amazeui.min.css" rel="stylesheet" type="text/css" />
    <script src="//cdn.amazeui.org/amazeui/2.1.0/js/amazeui.min.js"></script>
    <meta charset="utf-8">
    <title>JS Bin</title>
</head>
<body>
<button class="am-btn am-btn-primary" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 500, height: 525}">Modal</button>

<div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1">
    <div class="am-modal-dialog">

        <div class="am-modal-hd">Modal 标题
        <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
    </div>
    <div class="am-modal-bd">
        <form class="am-form">
            <div class="am-g am-margin-top-sm">
                <div class="am-u-sm-3 am-text-right">
                    SEO 标题
                </div>
                <div class="am-u-sm-9 am-u-end">
                    <input type="text" class="am-input-sm">
                </div>
            </div>

            <div class="am-g am-margin-top-sm">
                <div class="am-u-sm-3 am-text-right">
                    SEO 关键字
                </div>
                <div class="am-u-sm-9 am-u-end">
                    <input type="text" class="am-input-sm">
                </div>
            </div>

            <div class="am-g am-margin-top-sm">
                <div class="am-u-sm-3 am-text-right">
                    SEO 描述
                </div>
                <div class="am-u-sm-9 am-u-end">
                    <textarea rows="4"></textarea>
                </div>
            </div>
        </form>
    </div>



    </div>
</div>


</body>
</html>